<template>
  <div _tmplitem="54" class="dv-full-screen-container" :style="css">
    <div
      _tmplitem="54"
      style="
        position: absolute;
        width: 1920px;
        height: 1080px;
        background-color: rgb(43 44 45);
      "
      class="div-full-screen"
    >
      <div
        _tmplitem="54"
        v-if="readDataPermission.charthle3"
        class="bigitem charthle3 bigechartitem"
        style="
          top: 720px;
          left: 1435px;
          width: 454px;
          height: 331px;
          transform: translate(0px, 0px);
          z-index: 1053;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <myechart
            _tmplitem="1"
            ref="charthle3"
            mapcity=""
            mapcode=""
            mapurl=""
            :options="fromData.charthle3"
          ></myechart>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.chartlbgc"
        class="bigitem chartlbgc bigechartitem"
        style="
          top: 212px;
          left: 52px;
          width: 372px;
          height: 497px;
          transform: translate(0px, 0px);
          z-index: 1052;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <myechart
            _tmplitem="2"
            ref="chartlbgc"
            mapcity=""
            mapcode=""
            mapurl=""
            :options="fromData.chartlbgc"
          ></myechart>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.decoration111l6u"
        class="bigitem decoration111l6u"
        style="
          top: 915px;
          left: 99px;
          width: 266px;
          height: 70px;
          transform: translate(0px, 0px);
          z-index: 1051;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-decoration-11
            style="width: 266px; height: 70px"
            :color="[]"
          ></dv-decoration-11>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.borderBox114f3q"
        class="bigitem borderBox114f3q"
        style="
          top: 811px;
          left: 21px;
          width: 461px;
          height: 241px;
          transform: translate(0px, 0px);
          z-index: 1050;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-11
            title=""
            titlewidth="250"
            style="width: 461px; height: 241px"
            :color="[]"
          ></dv-border-box-11>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.backgroundbox2pk8o"
        class="bigitem backgroundbox2pk8o"
        style="
          top: 707px;
          left: 580px;
          width: 275px;
          height: 264px;
          transform: translate(0px, 0px);
          z-index: 1049;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <backgroundbox2
            _tmplitem="5"
            :w="275"
            :h="264"
            stroke="#19e5e6"
            fill="transparent"
            bgcolor="transparent"
            bgstroke="rgba(9, 127, 251, 1)"
          ></backgroundbox2>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.decoration91bmv"
        class="bigitem decoration91bmv"
        style="
          top: 643px;
          left: 432px;
          width: 80px;
          height: 79px;
          transform: translate(0px, 0px);
          z-index: 1048;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-decoration-9
            style="width: 80px; height: 79px"
            :color="[]"
          ></dv-decoration-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086927898697"
        class="bigitem bg172086927898697"
        style="
          top: 710px;
          left: 1010px;
          width: 274px;
          height: 264px;
          transform: translate(0px, 0px);
          z-index: 1047;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <backgroundbox2
            _tmplitem="7"
            :w="274"
            :h="264"
            stroke="#19e5e6"
            fill="transparent"
            bgcolor="transparent"
            bgstroke="rgba(9, 127, 251, 1)"
          ></backgroundbox2>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.borderBox4u2mk"
        class="bigitem borderBox4u2mk"
        style="
          top: 101px;
          left: 10px;
          width: 487px;
          height: 634px;
          transform: translate(0px, 0px);
          z-index: 1046;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-4
            :reverse="false"
            style="width: 487px; height: 634px"
            :color="[]"
          ></dv-border-box-4>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086682232804"
        class="bigitem bg172086682232804"
        style="
          top: 892px;
          left: 1028px;
          width: 119px;
          height: 48px;
          transform: translate(0px, 0px);
          z-index: 1045;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="9"
            ref="bg172086682232804"
            :w="119"
            :h="48"
            :val="fromData.bg172086682232804"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086955876599"
        class="bigitem bg172086955876599"
        style="
          top: 94px;
          left: 0px;
          width: 510px;
          height: 983px;
          transform: translate(0px, 0px);
          z-index: 1044;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-1
            style="width: 510px; height: 983px"
            :color="[]"
          ></dv-border-box-1>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.iconsa55t"
        class="bigitem iconsa55t"
        style="
          top: -12px;
          left: 12px;
          width: 1841px;
          height: 200px;
          transform: translate(0px, 0px);
          z-index: 1043;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 40px;
            color: rgb(255, 255, 255);
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <iconimg
            _tmplitem="11"
            iconclass="head.svg"
            style="
              opacity: 1;
              font-size: 40px;
              color: rgb(255, 255, 255);
              --animation: 2s;
              --animation-flash: 0.2s;
              transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            "
          ></iconimg>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086681886681"
        class="bigitem bg172086681886681"
        style="
          top: 839px;
          left: 1027px;
          width: 138px;
          height: 48px;
          transform: translate(0px, 0px);
          z-index: 1042;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="12"
            ref="bg172086681886681"
            :w="138"
            :h="48"
            :val="fromData.bg172086681886681"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086681542644"
        class="bigitem bg172086681542644"
        style="
          top: 791px;
          left: 1022px;
          width: 100px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1041;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="13"
            ref="bg172086681542644"
            :w="100"
            :h="40"
            :val="fromData.bg172086681542644"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086681379991"
        class="bigitem bg172086681379991"
        style="
          top: 741px;
          left: 1023px;
          width: 139px;
          height: 31px;
          transform: translate(0px, 0px);
          z-index: 1040;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="14"
            ref="bg172086681379991"
            :w="139"
            :h="31"
            :val="fromData.bg172086681379991"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086680280147"
        class="bigitem bg172086680280147"
        style="
          top: 899px;
          left: 1195px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1039;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="15"
            ref="bg172086680280147"
            :w="135"
            :h="51"
            :val="fromData.bg172086680280147"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086679334824"
        class="bigitem bg172086679334824"
        style="
          top: 846px;
          left: 1186px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1038;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="16"
            ref="bg172086679334824"
            :w="135"
            :h="51"
            :val="fromData.bg172086679334824"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086677927942"
        class="bigitem bg172086677927942"
        style="
          top: 799px;
          left: 1196px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1037;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="17"
            ref="bg172086677927942"
            :w="135"
            :h="51"
            :val="fromData.bg172086677927942"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086674952230"
        class="bigitem bg172086674952230"
        style="
          top: 741px;
          left: 1207px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1036;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="18"
            ref="bg172086674952230"
            :w="135"
            :h="51"
            :val="fromData.bg172086674952230"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086624227626"
        class="bigitem bg172086624227626"
        style="
          top: 658px;
          left: 1049px;
          width: 150px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1035;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="19"
            ref="bg172086624227626"
            :w="150"
            :h="40"
            :val="fromData.bg172086624227626"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.bg172086622117431"
        class="bigitem bg172086622117431"
        style="
          top: 646px;
          left: 1018px;
          width: 218px;
          height: 66px;
          transform: translate(0px, 0px);
          z-index: 1034;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 218px; height: 66px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.liveplayerbauc"
        class="bigitem liveplayerbauc"
        style="
          top: 210px;
          left: 536px;
          width: 869px;
          height: 370px;
          transform: translate(0px, 0px);
          z-index: 1033;
          pointer-events: auto;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <liveplayer
            _tmplitem="21"
            ref="liveplayerbauc"
            liveurl="http://119.3.25.117:8080/live/livestream.flv"
          ></liveplayer>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171349885770483"
        class="bigitem sel171349885770483"
        style="
          top: 36px;
          left: 1857px;
          width: 40px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1032;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            line-height: 40px;
            font-size: 24px;
            color: rgb(255, 255, 255);
            text-align: left;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <fullscreen
            _tmplitem="22"
            :w="40"
            :h="40"
            :fontsize="24"
            fullscreencolor="rgb(255, 255, 255)"
          ></fullscreen>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171334519110831"
        class="bigitem sel171334519110831"
        style="
          top: 919px;
          left: 117px;
          width: 199px;
          height: 62px;
          transform: translate(0px, 0px);
          z-index: 1031;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 50px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 60px;
            text-align: center;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="23"
            ref="sel171334519110831"
            :w="199"
            :h="62"
            :val="fromData.sel171334519110831"
            cssstyle="opacity:1;font-size:50px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:60px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171333606934245"
        class="bigitem sel171333606934245"
        style="
          top: 656px;
          left: 632px;
          width: 150px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1030;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="24"
            ref="sel171333606934245"
            :w="150"
            :h="40"
            :val="fromData.sel171333606934245"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171333600679698"
        class="bigitem sel171333600679698"
        style="
          top: 133px;
          left: 571px;
          width: 250px;
          height: 67px;
          transform: translate(0px, 0px);
          z-index: 1029;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 250px; height: 67px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171333605181415"
        class="bigitem sel171333605181415"
        style="
          top: 644px;
          left: 590px;
          width: 218px;
          height: 66px;
          transform: translate(0px, 0px);
          z-index: 1028;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 218px; height: 66px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171333596294063"
        class="bigitem sel171333596294063"
        style="
          top: 145px;
          left: 591px;
          width: 227px;
          height: 50px;
          transform: translate(0px, 0px);
          z-index: 1027;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="27"
            ref="sel171333596294063"
            :w="227"
            :h="50"
            :val="fromData.sel171333596294063"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325980984608"
        class="bigitem sel171325980984608 bigechartitem"
        style="
          top: 380px;
          left: 1439px;
          width: 479px;
          height: 223px;
          transform: translate(0px, 0px);
          z-index: 1026;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            background-color: rgba(73, 114, 238, 0.24);
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <myechart
            _tmplitem="28"
            ref="sel171325980984608"
            mapcity=""
            mapcode=""
            mapurl=""
            :options="fromData.sel171325980984608"
          ></myechart>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325608573763"
        class="bigitem sel171325608573763"
        style="
          top: 820px;
          left: 188px;
          width: 150px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1025;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: center;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="29"
            ref="sel171325608573763"
            :w="150"
            :h="40"
            :val="fromData.sel171325608573763"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325606613739"
        class="bigitem sel171325606613739"
        style="
          top: 651px;
          left: 1427px;
          width: 218px;
          height: 66px;
          transform: translate(0px, 0px);
          z-index: 1024;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 218px; height: 66px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325570653497"
        class="bigitem sel171325570653497"
        style="
          top: 661px;
          left: 1480px;
          width: 150px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1023;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="31"
            ref="sel171325570653497"
            :w="150"
            :h="40"
            :val="fromData.sel171325570653497"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325568970413"
        class="bigitem sel171325568970413"
        style="
          top: 818px;
          left: 188px;
          width: 142px;
          height: 50px;
          transform: translate(0px, 0px);
          z-index: 1022;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 142px; height: 50px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325495194693"
        class="bigitem sel171325495194693"
        style="
          top: 114px;
          left: 1442px;
          width: 150px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1021;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="33"
            ref="sel171325495194693"
            :w="150"
            :h="40"
            :val="fromData.sel171325495194693"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325498821973"
        class="bigitem sel171325498821973"
        style="
          top: 107px;
          left: 1428px;
          width: 218px;
          height: 66px;
          transform: translate(0px, 0px);
          z-index: 1020;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 218px; height: 66px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325462861304"
        class="bigitem sel171325462861304 bigechartitem"
        style="
          top: 167px;
          left: 1433px;
          width: 481px;
          height: 218px;
          transform: translate(0px, 0px);
          z-index: 1019;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <myechart
            _tmplitem="35"
            ref="sel171325462861304"
            mapcity=""
            mapcode=""
            mapurl=""
            :options="fromData.sel171325462861304"
          ></myechart>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel17132542489452"
        class="bigitem sel17132542489452"
        style="
          top: 855px;
          left: 728px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1018;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="36"
            ref="sel17132542489452"
            :w="135"
            :h="51"
            :val="fromData.sel17132542489452"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325424475383"
        class="bigitem sel171325424475383"
        style="
          top: 798px;
          left: 730px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1017;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="37"
            ref="sel171325424475383"
            :w="135"
            :h="51"
            :val="fromData.sel171325424475383"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325423011884"
        class="bigitem sel171325423011884"
        style="
          top: 746px;
          left: 738px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1016;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="38"
            ref="sel171325423011884"
            :w="135"
            :h="51"
            :val="fromData.sel171325423011884"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325412713672"
        class="bigitem sel171325412713672"
        style="
          top: 743px;
          left: 597px;
          width: 139px;
          height: 31px;
          transform: translate(0px, 0px);
          z-index: 1015;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="39"
            ref="sel171325412713672"
            :w="139"
            :h="31"
            :val="fromData.sel171325412713672"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325407253984"
        class="bigitem sel171325407253984"
        style="
          top: 915px;
          left: 597px;
          width: 119px;
          height: 48px;
          transform: translate(0px, 0px);
          z-index: 1014;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="40"
            ref="sel171325407253984"
            :w="119"
            :h="48"
            :val="fromData.sel171325407253984"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325403567171"
        class="bigitem sel171325403567171"
        style="
          top: 854px;
          left: 598px;
          width: 138px;
          height: 48px;
          transform: translate(0px, 0px);
          z-index: 1013;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="41"
            ref="sel171325403567171"
            :w="138"
            :h="48"
            :val="fromData.sel171325403567171"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325400979806"
        class="bigitem sel171325400979806"
        style="
          top: 806px;
          left: 595px;
          width: 100px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 1012;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 22px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <titlecontrol
            _tmplitem="42"
            ref="sel171325400979806"
            :w="100"
            :h="40"
            :val="fromData.sel171325400979806"
            cssstyle="opacity:1;font-size:22px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325395379497"
        class="bigitem sel171325395379497"
        style="
          top: 907px;
          left: 731px;
          width: 135px;
          height: 51px;
          transform: translate(0px, 0px);
          z-index: 1011;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 34px;
            color: rgba(245, 194, 9, 1);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="43"
            ref="sel171325395379497"
            :w="135"
            :h="51"
            :val="fromData.sel171325395379497"
            cssstyle="opacity:1;font-size:34px ;color:rgba(245, 194, 9, 1) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325388124069"
        class="bigitem sel171325388124069"
        style="
          top: 958px;
          left: 595px;
          width: 171px;
          height: 78px;
          transform: translate(0px, 0px);
          z-index: 1010;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <bigimg
            _tmplitem="44"
            url="img1834123881632624641/d261c58f-2cf8-4e90-a883-755a75e01ed51780443292522123264.png"
            w="171"
            h="78"
            rotatetype=""
            rotatetime=""
          ></bigimg>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325352739447"
        class="bigitem sel171325352739447"
        style="
          top: 951px;
          left: 1169px;
          width: 171px;
          height: 85px;
          transform: translate(0px, 0px);
          z-index: 109;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <bigimg
            _tmplitem="45"
            url="img1834123881632624641/d261c58f-2cf8-4e90-a883-755a75e01ed51780443292522123264.png"
            w="171"
            h="85"
            rotatetype=""
            rotatetime=""
          ></bigimg>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325245857456"
        class="bigitem sel171325245857456"
        style="
          top: 147px;
          left: 72px;
          width: 150px;
          height: 40px;
          transform: translate(0px, 0px);
          z-index: 108;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 25px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="46"
            ref="sel171325245857456"
            :w="150"
            :h="40"
            :val="fromData.sel171325245857456"
            cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325243441352"
        class="bigitem sel171325243441352"
        style="
          top: 136px;
          left: 40px;
          width: 131px;
          height: 66px;
          transform: translate(0px, 0px);
          z-index: 107;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-9
            style="width: 131px; height: 66px"
            :color="[]"
          ></dv-border-box-9>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325183860783"
        class="bigitem sel171325183860783"
        style="
          top: 93px;
          left: 1406px;
          width: 510px;
          height: 983px;
          transform: translate(0px, 0px);
          z-index: 106;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-1
            style="width: 510px; height: 983px"
            :color="[]"
          ></dv-border-box-1>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325433574247"
        class="bigitem sel171325433574247"
        style="
          top: 974px;
          left: 538px;
          width: 864px;
          height: 74px;
          transform: translate(0px, 0px);
          z-index: 105;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 0.55;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <bigimg
            _tmplitem="49"
            url="img1834123881632624641/8a659d77-65e5-4df2-95d9-c63bf5a49eeb1780443173210951680.png"
            w="864"
            h="74"
            rotatetype=""
            rotatetime=""
          ></bigimg>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171324806419377"
        class="bigitem sel171324806419377"
        style="
          top: 7px;
          left: 673px;
          width: 587px;
          height: 65px;
          transform: translate(0px, 0px);
          z-index: 104;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            font-size: 40px;
            color: rgb(255, 255, 255);
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            line-height: 40px;
            text-align: left;
            font-family: 'Microsoft YaHei';
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            font-weight: bold;
          "
        >
          <titlecontrol
            _tmplitem="50"
            ref="sel171324806419377"
            :w="587"
            :h="65"
            :val="fromData.sel171324806419377"
            cssstyle="opacity:1;font-size:40px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:left;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);font-weight: bold;"
          ></titlecontrol>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel17132479408759"
        class="bigitem sel17132479408759"
        style="
          top: 0px;
          left: 0px;
          width: 1920px;
          height: 114px;
          transform: translate(0px, 0px);
          z-index: 103;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <bigimg
            _tmplitem="51"
            url="img1834123881632624641/2b08de67-916f-4ff3-ac3e-16455ff05f871780443050301067264.png"
            w="1920"
            h="114"
            rotatetype=""
            rotatetime=""
          ></bigimg>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171324763817981"
        class="bigitem sel171324763817981"
        style="
          top: -2px;
          left: 1px;
          width: 1920px;
          height: 1080px;
          transform: translate(0px, 0px);
          z-index: 102;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            border-radius: 0px;
            border-width: 0px;
            border-style: solid;
            --animation: 2s;
            --animation-flash: 0.2s;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <bigimg
            _tmplitem="52"
            url="img1834123881632624641/6c028c3f-2fa1-43fc-bb01-28f1d53131751780442885259399168.jpeg"
            w="1920"
            h="1080"
            rotatetype=""
            rotatetime=""
          ></bigimg>
        </div>
      </div>
      <div
        _tmplitem="54"
        v-if="readDataPermission.sel171325180698467"
        class="bigitem sel171325180698467"
        style="
          top: 113px;
          left: 18px;
          width: 500px;
          height: 960px;
          transform: translate(0px, 0px);
          z-index: 101;
          --objectfit: ;
        "
      >
        <div
          _tmplitem="54"
          class="itemcontent"
          style="
            opacity: 1;
            background-color: transparent;
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          "
        >
          <dv-border-box-1
            style="width: 500px; height: 960px"
            :color="[]"
          ></dv-border-box-1>
        </div>
      </div>
    </div>
    <fromdialog _tmplitem="54" ref="reffromdialog"></fromdialog>
  </div>
</template>
<script>
export default {
  methods: {
    created_sys() {
      ///系统方法 判断页面大小 使其自动适应
      let $this = this;
      this.w = this.w === undefined ? 1920 : this.w;
      $this.css = $this.fullScreenCss($this, this.screentype);

      window.addEventListener("resize", () => {
        $this.css = $this.fullScreenCss($this, this.screentype);
      });

      if (this.loadfunmounted_sys !== undefined) {
        this.loadfunmounted_sys();
      }
    },
    sel171326044440163_click() {},
    loadsysmounted() {},
    fullScreenCss(t, e) {
      debugger;
      if ("none" === e)
        return `  width: ${t.w}px;height: ${t.h}px; ${
          "" === t.bg
            ? ""
            : "background-image:url(" +
              t.bg +
              ");    background-repeat: no-repeat;background-size: cover;"
        }    ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`;
      if ("w" === e)
        return `  width: ${t.w}px;height: ${t.h}px; ${
          "" === t.bg
            ? ""
            : "background-image:url(" +
              t.bg +
              ");    background-repeat: no-repeat;background-size: cover;"
        }  transform: scale(${document.body.clientWidth / t.w});  ${
          "" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"
        }`;
      if ("h" === e)
        return `  width: ${t.w}px;height: ${t.h}px; ${
          "" === t.bg
            ? ""
            : "background-image:url(" +
              t.bg +
              ");    background-repeat: no-repeat;background-size: cover;"
        }  transform: scale(${document.body.clientHeight / t.h});  ${
          "" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"
        }`;
      if ("full" === e)
        return `  width: ${t.w}px;height: ${t.h}px; ${
          "" === t.bg
            ? ""
            : "background-image:url(" +
              t.bg +
              ");    background-repeat: no-repeat;background-size: cover;"
        }  transform: scale(${document.body.clientWidth / t.w},${
          document.body.clientHeight / t.h
        });  ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`;
      {
        let e = document.body.clientHeight / t.h,
          o = document.body.clientWidth / t.w,
          i = e > o ? o : e,
          n = (document.body.clientWidth - i * t.w) / 2;
        return (
          (n = n > 0 ? "left:" + n + "px;" : ""),
          n +
            ` transform: scale(${i}); width: ${t.w}px;height: ${t.h}px; ${
              "" === t.bg
                ? ""
                : "background-image:url(" +
                  t.bg +
                  ");    background-repeat: no-repeat;background-size: cover;"
            } ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`
        );
      }
    },
    loadfunmounted_sys() {
      if (this.loadsysmounted !== undefined) {
        this.loadsysmounted();
      }
    },
  },
  created() {
    this.created_sys();

    if (this.loadfunmounted !== undefined) {
      this.$nextTick(() => {
        this.loadfunmounted();
      });
    }

    setInterval(() => {
      this.fromData.sel171334519110831 =
        parseInt(this.fromData.sel171334519110831) +
        Math.floor(Math.random() * 10);
      this.fromData.sel17132542489452 =
        parseInt(this.fromData.sel17132542489452) +
        Math.floor(Math.random() * 3);
      this.fromData.sel171325395379497 =
        parseInt(this.fromData.sel171325395379497) +
        Math.floor(Math.random() * 3);
      this.fromData.sel171325194317837.yAxis[1].data[0]++;
      this.fromData.sel171325194317837.yAxis[1].data[1]++;
      this.fromData.sel171325194317837.yAxis[1].data[2]++;
      this.fromData.sel171325194317837.yAxis[1].data[3]++;
      this.fromData.sel171325194317837.yAxis[1].data[4]++;
      this.fromData.sel171325194317837 = JSON.parse(
        JSON.stringify(this.fromData.sel171325194317837)
      );
    }, 1000);
    setInterval(() => {
      this.fromData.sel17132542489452 =
        parseInt(this.fromData.sel17132542489452) +
        Math.floor(Math.random() * 3);
      this.fromData.sel171325395379497 =
        parseInt(this.fromData.sel171325395379497) +
        Math.floor(Math.random() * 3);
    }, 5000);
  },
  data() {
    return {
      w: 1920,
      css: "",
      h: 1080,
      bg: "",
      bgColor: "rgb(43 44 45)",
      fromData: {
        charthle3: {
          title: {
            text: "热分析数据",
            left: "center",
            textStyle: {
              color: "rgb(255, 255, 255)",
              fontSize: 16,
            },
          },
          tooltip: {
            trigger: "axis",
          },
          legend: {
            data: ["温度", "热流"],
            textStyle: {
              color: "rgb(255, 255, 255)",
            },
            top: "5%",
          },
          grid: {
            left: "3%",
            right: "4%",
            bottom: "3%",
            containLabel: true,
          },
          xAxis: {
            type: "category",
            boundaryGap: false,
            data: [
              "0s",
              "10s",
              "20s",
              "30s",
              "40s",
              "50s",
              "60s",
              "70s",
              "80s",
              "90s",
            ],
            axisLabel: {
              color: "rgb(255, 255, 255)",
            },
            axisLine: {
              lineStyle: {
                color: "rgb(124, 255, 178)",
              },
            },
          },
          yAxis: [
            {
              type: "value",
              name: "温度 (℃)",
              position: "left",
              axisLabel: {
                color: "rgb(255, 255, 255)",
              },
              axisLine: {
                lineStyle: {
                  color: "rgb(253, 221, 96)",
                },
              },
              splitLine: {
                lineStyle: {
                  color: "rgb(124, 255, 178)",
                },
              },
            },
            {
              type: "value",
              name: "热流 (mW)",
              position: "right",
              axisLabel: {
                color: "rgb(255, 255, 255)",
              },
              axisLine: {
                lineStyle: {
                  color: "rgb(253, 221, 96)",
                },
              },
              splitLine: {
                lineStyle: {
                  color: "rgb(124, 255, 178)",
                },
              },
            },
          ],
          series: [
            {
              name: "温度",
              type: "line",
              data: [20, 22, 24, 26, 28, 30, 32, 34, 36, 38],
              lineStyle: {
                color: "rgb(253, 221, 96)",
              },
              itemStyle: {
                color: "rgb(73, 146, 255)",
              },
            },
            {
              name: "热流",
              type: "line",
              yAxisIndex: 1,
              data: [0.5, 0.55, 0.6, 0.65, 0.7, 0.75, 0.8, 0.85, 0.9, 0.95],
              lineStyle: {
                color: "rgb(255, 110, 118)",
              },
              itemStyle: {
                color: "rgb(88, 217, 249)",
              },
            },
          ],
        },
        chartlbgc: {
          grid: {
            top: "2%",
            bottom: -15,
            right: 30,
            left: 100,
            containLabel: true,
          },
          xAxis: {
            show: false,
          },
          yAxis: [
            {
              triggerEvent: true,
              show: true,
              inverse: true,
              data: [
                "镍",
                "钾",
                "钠",
                "铁",
                "铜",
                "铅",
                "锌",
                "银",
                "钨",
                "铝",
                "锡",
                "铬",
                "钛",
                "钴",
                "钒",
                "锰",
              ],
              axisLine: {
                show: false,
              },
              splitLine: {
                show: false,
              },
              axisTick: {
                show: false,
              },
              axisLabel: {
                interval: 0,
                color: "#fff",
                align: "right",
                margin: 10,
                fontSize: 13,
                rich: {
                  idx0: {
                    color: "#FB375E",
                    backgroundColor: "#FFE8EC",
                    borderRadius: 100,
                    padding: [5, 8],
                  },
                  idx1: {
                    color: "#FF9023",
                    backgroundColor: "#FFEACF",
                    borderRadius: 100,
                    padding: [5, 8],
                  },
                  idx2: {
                    color: "#01B599",
                    backgroundColor: "#E1F7F3",
                    borderRadius: 100,
                    padding: [5, 8],
                  },
                  idx: {
                    color: "#333",
                    borderRadius: 100,
                    padding: [5, 8],
                  },
                  title: {
                    width: 165,
                  },
                },
              },
            },
            {
              triggerEvent: true,
              show: true,
              inverse: true,
              data: [
                "0.31",
                "0.281",
                "0.271",
                "0.26",
                "0.25",
                "0.24",
                "0.231",
                "0.2201",
                "0.2101",
                "0.201",
                "0.1901",
                "0.1801",
                "0.1701",
                "0.1601",
                "0.1501",
                "0.1401",
              ],
              axisLine: {
                show: false,
              },
              splitLine: {
                show: false,
              },
              axisTick: {
                show: false,
              },
              axisLabel: {
                interval: 0,
                color: "#666",
                align: "left",
                margin: 20,
                fontSize: 13,
              },
            },
          ],
          series: [
            {
              name: "条",
              type: "bar",
              yAxisIndex: 0,
              data: [
                {
                  name: "镍",
                  value: "0.31",
                  sum: 0.31,
                },
                {
                  name: "钾",
                  value: "0.281",
                  sum: 0.281,
                },
                {
                  name: "钠",
                  value: "0.271",
                  sum: 0.271,
                },
                {
                  name: "铁",
                  value: "0.26",
                  sum: 0.26,
                },
                {
                  name: "铜",
                  value: "0.25",
                  sum: 0.25,
                },
                {
                  name: "铅",
                  value: "0.24",
                  sum: 0.24,
                },
                {
                  name: "锌",
                  value: "0.231",
                  sum: 0.231,
                },
                {
                  name: "银",
                  value: "0.2201",
                  sum: 0.2201,
                },
                {
                  name: "钨",
                  value: "0.2101",
                  sum: 0.2101,
                },
                {
                  name: "铝",
                  value: "0.201",
                  sum: 0.201,
                },
                {
                  name: "锡",
                  value: "0.1901",
                  sum: 0.1901,
                },
                {
                  name: "铬",
                  value: "0.1801",
                  sum: 0.1801,
                },
                {
                  name: "钛",
                  value: "0.1701",
                  sum: 0.1701,
                },
                {
                  name: "钴",
                  value: "0.1601",
                  sum: 0.1601,
                },
                {
                  name: "钒",
                  value: "0.1501",
                  sum: 0.1501,
                },
                {
                  name: "锰",
                  value: "0.1401",
                  sum: 0.1401,
                },
              ],
              barWidth: 10,
              itemStyle: {
                barBorderRadius: 30,
              },
            },
          ],
        },
        bg172086682232804: "REL",
        bg172086681886681: "RM",
        bg172086681542644: "最大拉力",
        bg172086681379991: "试棒直径",
        bg172086680280147: "500",
        bg172086679334824: "1000",
        bg172086677927942: "160",
        bg172086674952230: "200",
        bg172086624227626: "冲击试验机",
        sel171334519110831: "134372",
        sel171333606934245: "拉力试验机",
        sel171333596294063: "现场监控/金相检测",
        sel171325980984608: {
          title: {
            text: "铁水温度曲线",
            left: "center",
            bottom: "5%",
            textStyle: {
              color: "rgb(255, 255, 255)",
              fontSize: 16,
            },
          },
          grid: {
            top: "20%",
            left: "10%",
            right: "10%",
            bottom: "15%",
            containLabel: true,
          },
          xAxis: {
            type: "category",
            boundaryGap: false,
            data: [
              "0s",
              "10s",
              "20s",
              "30s",
              "40s",
              "50s",
              "60s",
              "70s",
              "80s",
              "90s",
              "100s",
              "110s",
              "120s",
            ],
            axisLabel: {
              margin: 30,
              color: "rgb(255, 255, 255)",
            },
            axisLine: {
              show: false,
            },
            axisTick: {
              show: true,
              length: 25,
              lineStyle: {
                color: "rgb(124, 255, 178)",
              },
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: "rgb(124, 255, 178)",
              },
            },
          },
          yAxis: [
            {
              type: "value",
              position: "right",
              min: 1400,
              max: 1600,
              axisLabel: {
                margin: 20,
                color: "rgb(255, 255, 255)",
              },
              axisTick: {
                show: true,
                length: 15,
                lineStyle: {
                  color: "rgb(124, 255, 178)",
                },
              },
              splitLine: {
                show: true,
                lineStyle: {
                  color: "rgb(124, 255, 178)",
                },
              },
              axisLine: {
                lineStyle: {
                  color: "rgb(253, 221, 96)",
                  width: 2,
                },
              },
            },
          ],
          series: [
            {
              name: "铁水温度",
              type: "line",
              smooth: true,
              showAllSymbol: true,
              symbol: "circle",
              symbolSize: 6,
              lineStyle: {
                normal: {
                  color: "rgb(253, 221, 96)",
                },
              },
              label: {
                show: true,
                position: "top",
                textStyle: {
                  color: "rgb(255, 255, 255)",
                },
              },
              itemStyle: {
                color: "rgb(73, 146, 255)",
                borderColor: "rgb(253, 221, 96)",
                borderWidth: 3,
              },
              tooltip: {
                show: false,
              },
              areaStyle: {
                normal: {
                  color: {
                    colorStops: [
                      {
                        offset: 0,
                        color: "rgb(255, 110, 118)",
                      },
                      {
                        offset: 1,
                        color: "rgb(88, 217, 249)",
                      },
                    ],
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    type: "linear",
                    global: false,
                  },
                },
              },
              data: [
                1500, 1502, 1504, 1508, 1510, 1512, 1515, 1518, 1520, 1525,
                1530, 1535, 1540,
              ],
            },
          ],
        },
        sel171325608573763: "铁水重量",
        sel171325570653497: "   热分析数据",
        sel171325495194693: "铁水温度曲线分析",
        sel171325462861304: {
          backgroundColor: "#05224d",
          tooltip: {},
          grid: {
            top: "8%",
            left: "1%",
            right: "1%",
            bottom: "8%",
            containLabel: true,
          },
          legend: {
            itemGap: 50,
            data: ["温度/℃"],
            textStyle: {
              color: "#f9f9f9",
              borderColor: "#fff",
            },
          },
          xAxis: [
            {
              type: "category",
              boundaryGap: true,
              axisLine: {
                show: true,
                lineStyle: {
                  color: "#f9f9f9",
                },
              },
              axisLabel: {
                textStyle: {
                  color: "#d1e6eb",
                  margin: 15,
                },
              },
              axisTick: {
                show: false,
              },
              data: ["0s", "10s", "20s", "30s", "40s", "50s", "60s"],
            },
          ],
          yAxis: [
            {
              type: "value",
              min: 1400,
              max: 1600,
              splitNumber: 7,
              splitLine: {
                show: true,
                lineStyle: {
                  color: "#0a3256",
                },
              },
              axisLine: {
                show: false,
              },
              axisLabel: {
                margin: 20,
                textStyle: {
                  color: "#d1e6eb",
                },
              },
              axisTick: {
                show: false,
              },
            },
          ],
          series: [
            {
              name: "温度/℃",
              type: "line",
              showAllSymbol: true,
              symbol: "emptyCircle",
              symbolSize: 6,
              lineStyle: {
                normal: {
                  color: "#28ffb3",
                },
                borderColor: "#f0f",
              },
              label: {
                show: true,
                position: "top",
                textStyle: {
                  color: "#fff",
                },
              },
              itemStyle: {
                normal: {
                  color: "#28ffb3",
                },
              },
              tooltip: {
                show: false,
              },
              areaStyle: {
                normal: {
                  color: {
                    colorStops: [
                      {
                        offset: 0,
                        color: "rgba(0,154,120,1)",
                      },
                      {
                        offset: 1,
                        color: "rgba(0,0,0, 0)",
                      },
                    ],
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    type: "linear",
                    global: false,
                  },
                  shadowColor: "rgba(53,142,215, 0.9)",
                  shadowBlur: 20,
                },
              },
              data: [1500, 1510, 1520, 1515, 1530, 1540, 1550],
            },
            {
              name: "访问量",
              type: "bar",
              barWidth: 20,
              tooltip: {
                show: false,
              },
              label: {
                show: false,
                position: "top",
                textStyle: {
                  color: "#fff",
                },
              },
              itemStyle: {
                normal: {},
              },
              data: [1500, 1510, 1520, 1515, 1530, 1540, 1550],
            },
          ],
        },
        sel17132542489452: "1000",
        sel171325424475383: "160",
        sel171325423011884: "200",
        sel171325412713672: "试棒直径",
        sel171325407253984: "REL",
        sel171325403567171: "RM",
        sel171325400979806: "最大拉力",
        sel171325395379497: "500",
        sel171325245857456: "光谱仪",
        sel171324806419377: "南京XX铸件有限公司物联网看板",
      },
      controlTimer: {},
      controlData: {},
      screentype: "wh",
      readDataPermission: {
        charthle3: true,
        chartlbgc: true,
        decoration111l6u: true,
        borderBox114f3q: true,
        backgroundbox2pk8o: true,
        decoration91bmv: true,
        bg172086927898697: true,
        borderBox4u2mk: true,
        bg172086682232804: true,
        bg172086955876599: true,
        iconsa55t: true,
        bg172086681886681: true,
        bg172086681542644: true,
        bg172086681379991: true,
        bg172086680280147: true,
        bg172086679334824: true,
        bg172086677927942: true,
        bg172086674952230: true,
        bg172086624227626: true,
        bg172086622117431: true,
        liveplayerbauc: true,
        sel171349885770483: true,
        sel171334519110831: true,
        sel171333606934245: true,
        sel171333600679698: true,
        sel171333605181415: true,
        sel171333596294063: true,
        sel171325980984608: true,
        sel171325608573763: true,
        sel171325606613739: true,
        sel171325570653497: true,
        sel171325568970413: true,
        sel171325495194693: true,
        sel171325498821973: true,
        sel171325462861304: true,
        sel17132542489452: true,
        sel171325424475383: true,
        sel171325423011884: true,
        sel171325412713672: true,
        sel171325407253984: true,
        sel171325403567171: true,
        sel171325400979806: true,
        sel171325395379497: true,
        sel171325388124069: true,
        sel171325352739447: true,
        sel171325245857456: true,
        sel171325243441352: true,
        sel171325183860783: true,
        sel171325433574247: true,
        sel171324806419377: true,
        sel17132479408759: true,
        sel171324763817981: true,
        sel171325180698467: true,
      },
    };
  },
  components: {},
};
</script>
<style scoped>
.dv-full-screen-container {
  transform: scale(1);
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  transform-origin: left top;
  z-index: 499;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1920px;
  height: 1080px;
  background-color: "#040404";
  background-size: cover;
  background-repeat: no-repeat;
}

.div-full-screen {
  background-size: cover;
  background-repeat: no-repeat;
}

.bigitem {
  position: absolute;
  will-change: transform;
}

.bigechartitem:hover {
  z-index: 1900 !important;
}

.layouttable {
  height: 100%;
  display: flex;
}

.layouttable .layouttable-item {
  height: 100%;
  position: relative;
  float: left;
}

.itemcontent {
  width: 100%;
  height: 100%;
}

.bigbutton {
  width: 100%;
  height: 100%;
  text-align: center;
}
</style>
<style scoped></style>